<template>
  <div>
      <h1>article Page</h1>
      <h3>{{ title }}</h3>
      <span>{{ body }}</span>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  async asyncData (context) {
    const {data} = await axios({
        method: 'GET',
        url: 'http://localhost:3000/data.json'
    })
    // 通过 context 上下文对象拿到当前路由的参数
    const id = Number.parseInt(context.params.id)
    return data.posts.find(item => item.id === id)
  }
}
</script>

<style>

</style>